<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="">
      <p>
        <label>邮箱:</label>
        <input type="email" />
      </p>
      <p>
        <label>url:</label>
        <input type="url" />
      </p>
      <p>
        <label>数字:</label>
        <input type="number" min="0" max="100" step="5" />
      </p>
      <p>
        <label>滑块:</label>
        <input type="range" min="0" max="100" step="20" />
      </p>

      <p>
        <label>日期:</label>
        <input type="date" />
      </p>
      <p>
        <label>月:</label>
        <input type="month" />
      </p>
      <p>
        <label>周:</label>
        <input type="week" />
      </p>
      <p>
        <label>时间:</label>
        <input type="time" />
      </p>
      <p>
        <label>本地时间:</label>
        <input type="datetime-local" />
      </p>
      <p>
        <label>本地时间:</label>
        <input type="datetime" />
      </p>

      <p>
        <label></label>
        <input type="submit" />
      </p>
    </form>
  </body>
</html>

<!-- 
  h5新增的input的type类型

  email
    表示邮箱
    需要有提交功能的时候才有用，会去检查你输入的是都是一个真正的email地址
    只能检查你是否有@符，以及@前后是否有内容

  url
    网络地址
    只能检查你是都有协议，以及协议后面有内容就行

  number
    数字框
    只能输入数字和+-和e
    min属性表示最小值
    max属性表示最大值
    step属性表示步幅


  range
    滑块
    min属性表示最小值
    max属性表示最大值
    step属性表示步幅

  

 -->
